/*
 * @Author: jhy
 * @Date: 2024-08-15 20:38:51
 * @LastEditTime: 2024-08-20 20:27:56
 * @LastEditors: jhy
 * @Description: 
 * @FilePath: /other/next-admin/src/app/[locale]/system/menuSet/page.tsx
 */
'use client';
import Layout from '@/components/Layout';
import styles from './index.module.less';
import { Table, Space, Button } from "antd";
import { PlusOutlined } from '@ant-design/icons';
import { css } from '@emotion/css';

export default function MenuSet() {

    const dataSource = [
        {
            id: '1',
            menu: '胡彦斌',
            route: 32,
            icon: '西湖区湖底公园1号',
        },
        {
            id: '2',
            menu: '胡彦祖',
            route: 42,
            icon: '西湖区湖底公园1号',
        },
    ];
    
    const columns = [
        {
            title: '#',
            dataIndex: 'id',
            key: 'id',
            render: (text:any) => <a>{text}</a>,
        },
        {
            title: '菜单名称',
            dataIndex: 'menu',
            key: 'menu',
        },
        {
            title: '路由住址',
            dataIndex: 'route',
            key: 'route',
        },
        {
            title: '菜单图标',
            dataIndex: 'icon',
            key: 'icon',
        },
        {
            title: '菜单编号',
            dataIndex: 'menu_id',
            key: 'menu_id',
        },
        {
            title: '菜单别名',
            dataIndex: 'menu_name',
            key: 'menu_name',
        },
        {
            title: '新窗口',
            dataIndex: 'new_window',
            key: 'new_window',
        },
        {
            title: '菜单排序',
            dataIndex: 'menu_index',
            key: 'menu_index',
        },
        {
            title: '操作',
            key: 'action',
            fixed: 'right',
            width: 250,
            render: () => (
                <Space size="middle">
                    <a>查看</a>
                    <a>编辑</a>
                    <a>删除</a>
                    <a>新增子项</a>
                </Space>
            ),
        },
    ];
    
    return (
        <Layout curActive='/system/menuSet'>
            <main className={styles.menuSet}>
                <div className={styles.add}>
                    <Button type="primary" size="large" icon={<PlusOutlined />}>
                        新增
                    </Button>
                </div>
                <Table columns={columns} dataSource={dataSource} />
            </main>

        </Layout>
    );
}